<template>
  <h1>Pinia - 购物车展示:${{ useMain.count }}</h1>
  <hr />
  <h2>商品列表</h2>
  <ProductList></ProductList>
  <hr />
  <ShoppingCart></ShoppingCart>
</template>

<script setup lang="ts">
import ProductList from '../components/ProductList.vue'
import ShoppingCart from '../components/ShoppingCart.vue'
import { useMainStore } from '../store'
const useMain = useMainStore()
</script>
